<%--
  Created by IntelliJ IDEA.
  User: zhanpeng
  Date: 15-3-25
  Time: 下午2:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动自适应 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 国产浏览器高速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 浏览器图标 -->
    <link rel="icon" href="${reqUrl}/resources/global/favicon.ico">

    <!-- 标题 -->
    <title></title>

    <!-- Bootstrap 核心 CSS 文件 -->
    <link href="${reqUrl}/resources/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="${reqUrl}/resources/jquery/1.11.2/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="${reqUrl}/resources/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <!-- 自己编写的动态载入页面框架 -->
    <script src="${reqUrl}/resources/pageload/1.0.0/pageload.js"></script>
</head>
<body>
<div class="container">

    <div id="header">${reqUrl}/views/global/static/header.html</div>
<!--
    <a href="#" onclick="loadTagToUrl('div#context','${reqUrl}/views/global/static/footer.html')"><li>跳转测试1</li></a>
    <a href="#" onclick="loadTagToUrl('div#context','${reqUrl}/demo/manager/sidebar')"><li>跳转测试2</li></a>
-->
    <hr>
    
    <div class="row">
        <div id="sidebar" class="col-md-3 sidebar">${reqUrl}/demo/manager/sidebar</div>
        <div id="context" class="col-md-9">${reqUrl}/demo/manager/dashboard</div>
    </div>

    <hr>

    <div id="footer">${reqUrl}/views/global/static/footer.html</div>
</div>

</body>
</html>

<!-- 页面动态内容加载 -->
<script language="javascript" type="text/JavaScript">

    //页面准备就绪
    //$(document).ready(function(){}); = $(function(){});
    $(document).ready(function(){
        console.log('document loading...');

        loadTextUrl('div#header');
        loadTextUrl('div#sidebar');
        loadTextUrl('div#context');
        loadTextUrl('div#footer');
        
        console.log('document load complete');
        
        var global_context = "div#context";
    });
</script>